<template>
    <div :class="{'float-left': action,'float-right': !action}">
        <Tag type="border" color="blue">
            <Icon type="arrow-left-c" v-if="action"></Icon>
            <Icon type="arrow-right-c" v-else></Icon>
            {{label}}
        </Tag>
    </div>
</template>

<style scoped>
</style>


<script>
export default {
    name: "IndicatorShortcut",
    props: {
        actionType: {
            type: String,
            required: true
        },
        label: {
            type: String,
            required: true
        }
    },
    computed: {
        action: function(){
            return this.actionType === 'true';
        }
    }
};
</script>
